
<template>
  <div>
    <Header/>
    <router-view></router-view>
    <!-- 使用路由自带的元信息，来展示不同信息 -->
    <Footer v-if='!this.$route.meta.isHidden' />
    <!-- <Footer v-if='isShow' /> -->
  </div>
</template>

<script>
import  Header from './component/Header'
import  Footer from './component/Footer'
export default {
  name: "App",
  components: {
    Header,
    Footer
  },
  // f方法二： 使用计算属性:在这里不建议使用这种方法，因为一旦数据多了，不便书写
  computed:{
    isShow(){
      this.$route.name != 'login' && this.$route.name != 'register'
    }
  }
  
};
</script>
    

<style scoped>

</style>

